<template>
  <div>
    <dyHeader title="电影管理" bgColor="#409eff" fontColor="#fff"/>
    <keep-alive>
      <component class="boyd" :is="comName"/>
    </keep-alive>
    <dyFoot :footerList="footerList" @changeComName="changeComName"/>
     
  </div>
</template>

<script>
import dyHeader from '@/components/dy-header.vue'
import dyFoot from '@/components/dy-foot.vue'
import filmList from '@/views/film-list.vue'
import filmSearch  from '@/views/film-search.vue'
import myInfo from '@/views/my-info.vue'
export default {
  components:{
    dyHeader,
    dyFoot,
    filmList,
    filmSearch,
    myInfo 
  },
  data() {
    return {
      comName: 'filmList',
      footerList:[{
        text: '电影列表',
        comName: 'filmList',
        icon: 'el-icon-tickets'
      },{
        text: '电影搜索',
        comName: 'filmSearch',
        icon: 'el-icon-search'
      },{
        text: '我的信息',
        comName: 'myInfo',
        icon: 'el-icon-user'
      }]
    }
  },
  methods:{
    changeComName(comName){
      this.comName = comName
    }
  }
}
</script>

<style>

.body{
    padding: 60px 0 70px 0;
  }
</style>